<!DOCTYPE html>
<html>

	<head>
		<meta charset='UTF-8'>
		<title></title>
		<script type='text/javascript' src='js/jquery-1.12.4.js'></script>
		<script type='text/javascript' src='js/test.js'></script>
		<script type="text/javascript" src="js/AjaxUpLoad.js" ></script>
		    <style>
        * {
            margin: 0;
            outline: medium none;
        }

        .d {
            margin: 0px auto;
            width: 900px; /* 1110px;  600px;*/
            height: 430px;
            border: 1px solid #F2F2F2;
            overflow: hidden;
        }

        .b1 {
            float: left;
            width: 35%;
            height: 100%;
            background-color: #DBDBDB;
        }
 
        .b2 {
            width: 65%;
            float: left;
            padding: 30px 0px;
            height: 100%;
            background-color: #F2F2F2; /*DBDBDB*/
        }

        .centen {
            width: 70%;
            height: 100%;
            margin: 0 auto;
        }

        .d2 {
          
        }

        .inp1,
        .tex1 {
            width: 95%;
            background: #fff none repeat scroll 0 0;
            border: 1px solid #ccc;
            border-radius: 3px;
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
            color: #222;
            font-size: 13px;
            line-height: 15px;
            padding: 6px 10px;
        }

        .tishi {
            font-family: "微软雅黑";
            margin: 5px 0px;
            color: #919191;
            position:relative;
        }

        .inp1 {
            margin: 20px 0px;
        }

        .tex1 {
            height: 220px;
        }

        .tijiao {
            margin-top: 15px;
            width: 85px;
            height: 30px;
            background-color: #E5E4E4;
            color: #808080;
            font-size: 16px;
            border: 1px solid #CECDCD;
            box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
        }

            .tijiao:hover {
                background-color: #CDE8CF;
            }

        .d3 {
            text-align: right;
        }

        .wenben {
            margin: 0px 60px;
            font-size: 20px;
            font-family: "微软雅黑";
            font-weight: 800;
            color: #F4F6F6;
        }

        .img1 {
            width: 40%;
            margin: 70px 85px 40px 85px;
        }

        .fshangc {
            float: right;
            position: relative;
            width: 30px;
            height: 30px;
            right: 20px;
            margin-bottom: 3px;
            border-radius: 5px;
        }

            .fshangc:hover {
                width: 30px;
                height: 30px;
                border-radius: 5px;
                background-color: lightgray;
                margin-bottom: 3px;
            }

        #SWFUpload_0 {
            height: 50px;
        }

        .fujian {
            width: 30px;
            height: 30px;
            margin-right: 20px;
            border-radius: 3px;
        }

        #shangchuan {
            position: absolute;
            width: 45px;
            height: 35px;
            float: right;
            opacity: 0;
            background-color: blue;
            line-height: 50px;
            display: inline;
            margin-right: 10px;
        }

        #SWFUpload_0_0, #up_files, .up_start, .up_stop {
            display: none;
        }

        #zhanshi1 {
            float: left;
            width: 35px;
            height: 45px;
            right: 0px;
            position: absolute;
        }
        .wj{
            padding-left:30px;
            display:inline;
            line-height:20px;
            margin-right:150px;
            height:30px;
            width:60px;
           
        }
        .wenji {
            width:15px; 
            margin:0 5px;
            position:relative;
            bottom:-9px;
        }
    </style>
    <script>
        function xianshi() {
            var ix = $(window).width() / 1100
            $(".d").css({
                "width": 900 * ix,
                "height": 470 * ix,
                "margin-top": ($(window).height() - 470 * ix) / 2
            })
            $(".tex1").css("height", 200 * ix)
        }

        $(function () {
           
            xianshi();
            $(".fujian").click(function () {
                alert(3)
                $("#SWFUpload_0").uploadify();
            })
          //  $.jqUpload.jUpload1("shangchuan", "zhanshi1", 3, 20, 1, "*", '', '', null, null)
            $(".tijiao").click(function () {
                var qiyema = getCookie("u02");//企业码
                var inp1 = new String($(".inp1").val());  //标题
                var tex1 = new String($(".tex1").val());  //bug内容
                if (inp1.length > 1) {
                    if (tex1.length > 3) {
                        $.post("../wuye/bugxuqiu.aspx", $(":input[name]").serialize() + "&qiyema=" + qiyema, function (d) {
                            if (d == 1) {
                                $(window.parent.document).find("#do_close").click()
                            }
                        })
                    } else {
                        alert("请输入内容");
                    }
                } else {
                    alert("请输入标题");
                }

            })
        })
    </script>
</head>

<body>
    <div class="d"> 
        <div class="b1">
            <div class="dimg">
                <img src="img/m.png" class="img1" />
            </div>
            <div class="wenben">
                厦门智慧星科技 ,<br />
                互联网 +
                <br />
            </div>
        </div>
        <div class="b2">
            <div class="centen">
                <div class="d1">
                    <div class="tishi">您好 , 尊敬的XXX客户..</div>
                    <input type="text" name="inp1" class="inp1" placeholder="标题 , 摘要" />
                </div>
                <div class="tishi">
                    bug或需求 :  
                    <div class="wj">
                        <img src="img/文件.png" class="wenji" />
                        <img src="img/文件.png" class="wenji" />
                        <img src="img/文件.png" class="wenji" />
                        <img src="img/文件.png" class="wenji" />

                    <div class="fshangc">
                        <div id="shangchuan" style="width: 30px; height: 30px; overflow: hidden;">33 </div>
                        <img src="img/f.png" class="fujian" />
                    </div>  
                    </div>
                </div>
                <div class="d2">
                    <textarea id="text" name="tex1" class="tex1" placeholder="...请简要描述错误出现的步骤,我们会尽快的为您处理"></textarea>
                </div>
                <div class="d3">
                    <input type="button" class="tijiao" value="提交" />
                </div>
            </div>
        </div>
    </div>

</body>
</html>
